<!-- 头部 -->
<include file="Public:header" />

        <!-- header-section end-->
        <div class="index-wrapper" style="padding-bottom: 0px;">
            <div class="banner-section" style="height: 100%;padding: 10px;background: #fff;">
                <img src="__PUBLIC__/home/images/da.jpg" class="banner-img" style="height: 100%;">
            </div>
            <!-- 楼层显示 -->
            <div class="img-floor border-grids product-recom" style="height: 95px;position: initial;">
                <div class="floor-title">
                    <div class="ui-flex total-centent" style="height: 10.4rem;">
                        <a href="{:U('xz/gr')}" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FF6839;border-radius: 50px;line-height: 50px;color: #fff;">个人</span>
                        </a>
                        <a href="{:U('xz/xx')}" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #37B7F0;border-radius: 50px;line-height: 50px;color: #fff;">学校</span>
                        </a>
                        <a href="{:U('xz/qy')}" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FFCC46;border-radius: 50px;line-height: 50px;color: #fff;">企业</span>
                        </a>
                        <a href="{:U('xz/cs')}" class="cell">
                            <span style="position: absolute;left: 20%;width: 50px;height: 50px;background: #FF8611;border-radius: 50px;line-height: 50px;color: #fff;">慈善</span>
                        </a>
                    </div>
                </div>
            </div>

            <!-- 楼层显示 -->
            <div class="img-floor border-grids product-recom" style="height: 95px;margin-top: -30px;">
                <div class="floor-title" style="background: #F8F8F8;">
                    <div class="ui-flex total-centent" style="height: 10rem;">
                        <a href="{:U('index/jk')}" class="cell" style="background: #fff;">
                            <img src="__PUBLIC__/home/images/jk.png" alt="" style="position: absolute;left: 30%;width: 50px;height: 50px;top: 5px;">
                            <span class="total-text" style="font-size: 15px;position: absolute;top: 60px;left: 35%;">捐款</span>
                        </a>
                        <span style="width: 5px;height: 75px;background: #F8F8F8;"></span>
                        <a href="{:U('index/xm',array('id'=>2))}" class="cell" style="background: #fff;">
                            <img src="__PUBLIC__/home/images/jw.png" alt="" style="position: absolute;left: 30%;width: 50px;height: 50px;top: 5px;">
                            <span class="total-text" style="font-size: 15px;position: absolute;top: 60px;left: 35%;">捐物</span>
                        </a>
                    </div>
                </div>
            </div>

            <div class="img-floor border-grids product-recom" >    
                <img src="__PUBLIC__/home/images/s.png" style="width: 28px;margin-left: 10px;">
                <span style="font-size: 16px;padding-left: 5px;position: absolute;top: 5px;">推荐项目</span>
                <div style="text-align: center;margin: 0 auto;overflow-x: scroll;white-space: nowrap;">
                <?php foreach ($tuijs as $v) { ?>
                    <a href="{:U('index/xm',array('id'=>$v['id']))}" style="display: inline-block;padding: 5px;text-align: left;border: 1px solid #F8F8F8;">
                        <img src="__ROOT__{$v.xm_img}" style="width: 136px;height: 100px;">
                        <p style="font-size: 15px;">&nbsp;{$v.xm_name}</p>
                        <p style="padding: 1px;"> 
                            <div style="position: relative;background: #F5E6DC;border-radius: 10px;margin-left: 5px;width: 90%;"> 
                                <div style="display: block; position: relative;background:#FF8208;color: #333333;border-radius: 10px;height: 10px;line-height: 10px;width:<?php echo sprintf("%01.2f", $v['xm_num']/$v['xm_mubiao']*100).'%'?>">&nbsp;
                                <span style="font-size: 8px;color:#919191;"><?php echo sprintf("%01.2f", $v['xm_num']/$v['xm_mubiao']*100).'%'?></span></div>   
                            </div> 
                        </p> 
                        <p style="font-size: 8px;color:#919191;">&nbsp;还差<font style="color:#CDA885;">{$v['xm_mubiao']-$v['xm_num']}</font>本</p>
                    </a>
                <?php } ?>
                </div>
            </div>

            <div style="height: 38px;">
                <img src="__PUBLIC__/home/images/x.png" style="width: 30px;margin-left: 10px;">
                <span style="font-size: 16px;padding-left: 5px;">公益项目</span>
                <form action="">
                <input type="text" placeholder="查询公益项目" name="gyxm" style="border-radius: 10px;border: 0px;display: inline-block;float: right;padding: 5px;margin-top: -25px;">
                </form>
            </div>

            <div class="product-list" style="background: #fff;padding: 10px;margin: 0px;">
            <?php foreach ($xms as $v) { ?>
                <a href="{:U('index/xm',array('id'=>$v['id']))}" style="width: 100%;height: 120px;">
                    <div style="float: left;border: 1px solid #FAFAFA;"><img src="__ROOT__{$v.xm_img}" alt="" style="width: 136px;height: 100px;"></div>
                    <div style="height: 121px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;position: relative;">
                        <p style="font-size: 15px;">{$v.xm_name}</p>
                        <span style="position: absolute;color: #fff;top: 1px;right: 0px;font-size: 8px;background: #FF8711;padding: 1px 3px;border-radius: 2px;">进行中</span>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">{$v.xm_content|htmlspecialchars_decode|strip_tags|mb_substr=0,20,'utf-8'}...</div>
                        <p style="font-size: 14px;color: #A4A4A4;">共<span style="color: #FF8814;">{$v.xm_num}</span>份爱心</p>
                    </div>
                </a>
            <?php } ?>
            <!-- 其它 -->
                <!-- 1 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=13" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="__PUBLIC__/home/images/qt/1.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">贫困乡村小学图书馆</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">艰难险阻，大爱先行——生活元素“悦读•与爱相随”...</div>
                    </div>
                </a>
                <!-- 2 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=141" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="__PUBLIC__/home/images/qt/2.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">大山深处 . 乐助基金</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">资助对象为贫困高中学生的高中三年学费...</div>
                    </div>
                </a>
                <!-- 3 -->
                <a href="http://www.gzcf.org/WeiXinWeb/ProjectContent.aspx?id=5" style="width: 100%;height: 120px;">
                    <div style="float: left;"><img src="__PUBLIC__/home/images/qt/3.png" alt="" style="height: 100px;border-radius: 5px;"></div>
                    <div style="height: 120px;padding-left: 165px;border-bottom: 1px solid #dbd0d0;">
                        <p style="font-size: 15px;">童心基金重症儿童救助</p>
                        <div style="font-size: 14px;padding: 5px 0;color: #A4A4A4;">资助对象为困难家庭患病儿童0-14周岁的困难家庭...</div>
                    </div>
                </a>
                <div style="text-align: center;">
                    <img src="__PUBLIC__/home/images/log.png" alt="" style="width: 100px;">
                </div>
            </div>
            <div style="text-align: center;font-size: 12px;padding-top: 10px;background: #fff;padding-bottom: 10px;">
                <ul id="J-tabbar" class="ui-flex">
                    <li class="cell">
                        <a class="tabbar-nav" href="{:U('index/index')}">
                            <img src="__PUBLIC__/home/images/xsy1.png" alt=""><p style="color:#FF9027;font-size: 15px;">首页</p>
                        </a>
                    </li>
                    <li class="cell J-other">
                    <?php if (!empty(session('name'))) { ?>
                        <a class="tabbar-nav" href="{:U('setup/index')}">
                            <img src="__PUBLIC__/home/images/fq2.png" alt=""><p style="font-size: 15px;">创建</p>
                        </a>
                    <?php } else { ?>
                        <a class="tabbar-nav" href="{:U('user/login')}">
                            <img src="__PUBLIC__/home/images/fq2.png" alt=""><p style="font-size: 15px;">创建</p>
                        </a>
                    <?php } ?>
                    </li>
                    <li class="cell J-other">
                        <a class="tabbar-nav" href="{:U('index/xms')}">
                            <img src="__PUBLIC__/home/images/xm3.png" alt=""><p style="font-size: 15px;">项目</p>
                        </a>
                    </li>
                    <li class="cell J-other">
                    <?php if (!empty(session('name'))) { ?>
                        <a class="tabbar-nav" href="{:U('user/yhzx')}">
                            <img src="__PUBLIC__/home/images/wd4.png" alt=""><p style="font-size: 15px;">我的</p>
                        </a>
                    <?php } else { ?>
                        <a class="tabbar-nav" href="{:U('user/login')}">
                            <img src="__PUBLIC__/home/images/wd4.png" alt=""><p style="font-size: 15px;">我的</p>
                        </a>
                    <?php } ?>
                    </li>
                </ul>
            </div>
        </div>
        <a href="http://www.miitbeian.gov.cn" target="_bank"></a>
    </body>
</html>